<template>
	<view>
		<h4>{{ data.title }}</h4>
		<view class="" style="display: flex;flex-wrap: wrap;justify-content: space-around;">
			<view v-for="(item, index) in data.children" :key="index" style="margin-top: 40rpx; " @click="navBack">
					<img :src="item.img" alt="" style="width: 120rpx; height: 180rpx;" />
					<p>{{ item.title }}</p>
				</view>
		</view>
		
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';

	const props = defineProps({
		data: Object
	});
	const navBack =()=>{
		uni.navigateTo({
			url:"/pages/chanPin/xiLieXiangQing"
		})
	}
</script>